<template>
    <Row class="detail-component">
        <Col :span="12">
        <p>微信号：{{wxInfoData.friend_wechatno}}</p>
        <p>备注：{{wxInfoData.remark_name}}</p>
        </Col>
        <Col :span="12">
        <p>标签：{{wxInfoData.tag_names}}</p>
        <p>来源：{{wxInfoData.source_type_str}}</p>
        </Col>
    </Row>
</template>

<script>
    export default {
        props: {
            wxInfoData: {
                type: Object,
                default: () => {
                    return {};
                }
            }
        }
    };
</script>

<style lang="less" scoped>
    .detail-component {
        font-size: 12px;
        border-bottom: 1px solid #ececec;
        padding-bottom:8px;
        p {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow:hidden;
        }
    }
</style>